<template>
  <div class="container">
    <Debugging />
    <!--    <div>Hello World！</div>-->
    <iframe
      src="./src/assets/WebGL/index.html"
      ref="iframeRef"
      width="2048"
      class="iframe"
    ></iframe>
  </div>
</template>

<script setup lang="ts">
import { ref, onMounted } from "vue";
import Debugging from "@/view/debugging.vue";
components: {
  Debugging;
}
const iframeRef = ref(null);
onMounted(() => {
  iframeRef.value.width = window.innerWidth;
  console.log("HomeWidth:", window.innerWidth, window.innerHeight);
  iframeRef.value.height = window.innerHeight;
});
</script>

<style scoped>
.container {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  margin: 0;
}
.iframe {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
body{
  margin: 0;
}
</style>
